<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>Document</title>
    <style></style>
  </head>
  <body>
    <div>
      <h1>对象的解构</h1>
      <p>
        1.对象的提取需要根据名字提取,与数组结构不同因为数组元素存在下标，存在顺序规则，而对象里的成员没有规定顺序
      </p>
      <p>
        2.如果当前作用域有相同的变量名就会产生冲突,解决方法是在结构的时候修改变量名
      </p>
      <p>3.其他特性与数组结构基本一致</p>
    </div>
    <script>
      const obj = { name: "xjq", age: 22 };

      //   const { name, age } = obj;
      //   console.log(name, age); //xjq 22

      //如果当前作用域有相同的变量名就会产生冲突,所以与上面的结构发生冲突
      //   const name = "ss";

      //解决办法是重命名
      const name = "ss";
      const { name: objName, age } = obj;
      console.log(objName, age); //xjq 22
    </script>
  </body>
</html>
